
// pages/goods/goods_list/index.js
import {
  request
} from '../../../utils/request.js'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // tab组件数据
    tabs:[
      {
        id:0,
        value:'综合',
        isactive: true
      },
      {
        id:1,
        value:'销量',
        isactive:false
      },
      {
        id:2,
        value:'价格',
        isactive:false
      }
    ],
    // 商品列表
    goodsList:[]
  },
  // 商品列表请求数据参数
  Queryparams:{
    query:'',
    cid:'',
    pagenum:1,
    pagesize:10
  },
  // 最大页码数
  Pagetotle:0,
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // console.log(options.cid)
    this.Queryparams.cid = options.cid
    // 获取商品列表
    this.getGoodsList()  
  },
  // 改变显示样式
  handleChangActive(e){
    wx.showLoading({
      title: '数据加载中',
    })
    // 获取子组件传递的索引值
    const {index} = e.detail
    const {tabs}= this.data
    // 修改原数组
    tabs.forEach((v,i)=>i===index?v.isactive=true:v.isactive=false)
    // 重新赋值
    this.setData({
      tabs
    })
    wx.hideLoading()
  },
  async getGoodsList(){
    let res = await request('/goods/search',this.Queryparams);
    // console.log(res)
    const pagetotle = Math.ceil(res.total/this.Queryparams.pagesize)
    this.pagetotle = pagetotle
    this.setData({
      goodsList:[...this.data.goodsList,...res.goods]
    })

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    wx.showLoading({
      title: '数据加载中',
    })
    // 重置列表
    this.Queryparams.pagenum = 1
    this.setData({
      goodsList:[]
    })
    this.getGoodsList()
  // 手动关闭下拉刷新
    wx.stopPullDownRefresh()
    wx.hideLoading()
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if(this.Queryparams.pagenum>=this.pagetotle){
      // console.log('订单没有了')
      wx.showToast({
        title: '没有下一页数据',
        icon:'error'
      })
    }else{
      // console.log('订单还有')
      this.Queryparams.pagenum++
      this.getGoodsList()
      wx.hideLoading()
    }
    // this.getGoodsList()
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})